

<HTML>
<HEAD>
<TITLE>First Test of Section 9.4 of CSS2 Spec</TITLE>

<STYLE TYPE="text/css">
#id1 {position: absolute;
   width: 20px;
   height: 30px;}
#id2 {position: absolute;
      padding: 30px;}





</STYLE>
</HEAD>




<BODY>
<h1 >
Testing First Testable Statement of Sec 9.4 of CSS2 Specification
</h1>


<ul>
<li  >
1. In a block formatting context, boxes are laid out one after the other,
vertically, beginning at the top of a containing block.
</ul>




<h2 >
PASS CRITERIA(should be overlapping paragraphs):
</h2>
<p ID=id1 >
If statement #1 above is passed, then
this paragraph shoudl be absolutely positioned with width of 20px and
height ot 30px.
The rule applied is "#id1 {position: absolute;
                           width: 20px;
                           height: 30px;}".
<p ID=id2>
This paragraph should also be absolutely positioned, and should look like
the paragraph above with padding of 30px.
The rule applied is "#id2 {position: absolute;
                           padding: 30px;}".
<p>
All other properties of this page should be UA-default.


</BODY>
</HTML>

